<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title><?=$title ?></title>
  <meta name="description" content="<?=$description ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>

  <!-- Stylesheets -->
  <link href="/media/style/bootstrap.css" rel="stylesheet">
  <!-- Pretty Photo -->
  <link href="/media/style/prettyPhoto.css" rel="stylesheet">
  <!-- Sidebar nav -->
  <link href="/media/style/sidebar-nav.css" rel="stylesheet">
  <!-- Flex slider -->
  <link href="/media/style/flexslider.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="/media/style/font-awesome.css"> 
  <!-- Main stylesheet -->
  <link href="/media/style/style.css" rel="stylesheet">
  <!-- Stylesheet for Color -->
  <link href="/media/style/blue.css" rel="stylesheet">
  <!-- Responsive style (from Bootstrap) -->
  <link href="/media/style/bootstrap-responsive.css" rel="stylesheet">
  <!-- Social Likes -->
  <link href="/media/style/social-likes.css" rel="stylesheet">
  
  
  <script src="/media/js/jquery.js"></script> <!-- jQuery -->
  <script src="/media/js/bootstrap.js"></script> <!-- Bootstrap -->
  <script src="/media/js/jquery.prettyPhoto.js"></script> <!-- Pretty Photo -->
  <script src="/media/js/filter.js"></script> <!-- Filter for support page -->
  <script src="/media/js/jquery.tweet.js"></script> <!-- Twitter -->
  <script src="/media/js/jquery.flexslider-min.js"></script> <!-- Flex slider -->
  <script src="/media/js/nav.js"></script> <!-- Sidebar navigation -->
  <script src="/media/js/custom.js"></script> <!-- Custom codes -->
  <script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script>
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="/media/js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="/media/img/favicon/favicon.ico">
</head>

<body>

<!-- Header starts -->
  <header>
    <div class="container-fluid">
      <div class="row-fluid">

        <div class="span4">
          <!-- Logo. Use class "color" to add color to the text. -->
          <div class="logo">
            <h2><a href="/">Buz<span class="color bold">ili</span>o</a></h2>
          </div>
        </div>

      </div>
    </div>
  </header>
  <!-- Header ends -->

  <!-- Navigation -->
  <?=Helper_Index::top_menu(); ?>



<!-- Items -->

<div class="items">
  <div class="container-fluid">
    <div class="row-fluid"> 

        <?=$content ?>

    </div>
  </div>
</div>

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter21549721 = new Ya.Metrika({id:21549721,
                    webvisor:true,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true});
        } catch(e) { }
    });

    var n = d.getElementsByTagName("script")[0],
        s = d.createElement("script"),
        f = function () { n.parentNode.insertBefore(s, n); };
    s.type = "text/javascript";
    s.async = true;
    s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

    if (w.opera == "[object Opera]") {
        d.addEventListener("DOMContentLoaded", f, false);
    } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/21549721" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<?php /*
<!-- Footer starts -->
<footer>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">

            <div class="row-fluid">

              <div class="span4">
                <div class="widget">
                  <h5>Contact</h5>
                  <hr />
                    <div class="social">
                      <a href="#"><i class="icon-facebook facebook"></i></a>
                      <a href="#"><i class="icon-twitter twitter"></i></a>
                      <a href="#"><i class="icon-linkedin linkedin"></i></a>
                      <a href="#"><i class="icon-google-plus google-plus"></i></a> 
                    </div>
                  <hr />
                  <i class="icon-home"></i> &nbsp; 123, Some Area. Los Angeles, CA, 54321.
                  <hr />
                  <i class="icon-phone"></i> &nbsp; +239-3823-3434
                  <hr />
                  <i class="icon-envelope-alt"></i> &nbsp; <a href="mailto:#">someone@company.com</a>
                  <hr />
                  
                </div>
              </div>

              <div class="span4">
                <div class="widget">
                  <h5>Latest Tweets</h5>
                  <hr />
                    <div class="tweet"></div>
                </div>
              </div>

              <div class="span4">
                <div class="widget">
                  <h5>Links Goes Here</h5>
                  <hr />
                  <div class="two-col">
                    <div class="col-left">
                      <ul>
                        <li><a href="#">Condimentum</a></li>
                        <li><a href="#">Etiam at</a></li>
                        <li><a href="#">Fusce vel</a></li>
                        <li><a href="#">Vivamus</a></li>
                        <li><a href="#">Pellentesque</a></li>
                        <li><a href="#">Vivamus</a></li>
                      </ul>
                    </div>
                    <div class="col-right">
                      <ul>
                        <li><a href="#">Condimentum</a></li>
                        <li><a href="#">Etiam at</a></li>
                        <li><a href="#">Fusce vel</a></li>
                        <li><a href="#">Vivamus</a></li>
                        <li><a href="#">Pellentesque</a></li>
                        <li><a href="#">Vivamus</a></li>
                      </ul>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </div>
              
            </div>

            <hr />
            <!-- Copyright info -->
            <p class="copy">Copyright &copy; 2012 | <a href="#">Your Site</a> - <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Service</a> | <a href="#">Contact Us</a></p>
      </div>
    </div>
  <div class="clearfix"></div>
  </div>
</footer>     

<!-- Footer ends -->
*/ ?>

</body>
</html>